<!DOCTYPE html>
<html>
  <head>
    <title>SVG Animation using CSS Transition</title>
  	<style>
    	body {
     		margin: 50px;
     		overflow:hidden
    	}
  		rect {
  			stroke: black;
    		fill: red;
    		stroke-width: 20px;
    		transition: all 3000ms 
  		}
      rect:hover {
      	fill:green;
        stroke-width:100px;
  	</style>
  </head>
  <body>
    <div class="message">SVG Fundament!</div>
    <svg width="960" height="500">
      <rect x='400' y='10' width='200', height='100'></rect>
    </svg>
  </body>
</html>